<template>
	<view class="content">
		<view class="footprint-box" v-for="(item,index) in table" :key="index">
			<text class="tiem">08月30日</text>
			<image class="footprint-img" :src="item.FImgUrl" mode="aspectFit"></image>
			<view class="footprint-view" :data-type="item.FPromotionTypeID" :data-acid="item.FPromotionID">
				<text class="title">{{item.FTitle}}</text>
				<view class="footpr-view">
					<text>¥38</text>
					<!-- <text>已成交7571件</text> -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				table: '',
			}
		},
		onShow: function() {
			this.$util.util('Sale/GetMemberCollect', {
				page: 1,
				size: 5
			}, 'POST').then(res => {
				//console.log(res);
				if (res != '') {
					this.table= res;
				}
			}) //.catch(error=>//console.log(error))
		},
		methods: {

			//收藏跳转
			onHot: function(e) {
				//console.log(e);
				var self = this;
				var type = e.currentTarget.dataset.type;
				var selectid = e.currentTarget.dataset.type;
				var googId = e.currentTarget.dataset.adid;
				type = type == 1 ? '0' : (type == 2 ? '1' : '2')
				wx.navigateTo({
					url: '/pages/Marketing/index/select/select' + selectid + '?id=' + type + '&goodID=' +
						googId,
					fail: err => {
						//console.log(err);
					}
				})
			},
		}
	}
</script>

<style>
	.content {
		width: 100%;
		height: auto;
	}

	.footprint-box {
		height: 266rpx;
		padding: 0 40rpx;
		border-bottom: 2rpx solid #F1F1F1;
	}

	.footprint-box:first-child {
		border-top: 2rpx solid #F1F1F1;
	}

	.tiem {
		color: #A8A3A3;
		font-size: 28rpx;
		line-height: 38rpx;
		margin: 18rpx 0;
		display: block;
	}

	.footprint-img {
		width: 148rpx;
		height: 148rpx;
		background-color: #EBEBEB;
		margin-right: 20rpx;
		display: block;
		float: left
	}

	.footprint-view {
		width: 480rpx;
		float: left;
	}

	.title {
		color: #333;
		font-size: 24rpx;
		line-height: 32rpx;
		display: block;
		margin-bottom: 20rpx;
		margin-top: 10rpx;
	}

	.footpr-view {
		height: 52rpx;
	}

	.footpr-view>text:first-child {
		color: #FF2741;
		font-size: 40rpx;
		line-height: 52rpx;
		margin-right: 10rpx;
		display: block;
		float: left;
	}

	.footpr-view>text:last-of-type {
		color: #BABABA;
		font-size: 24rpx;
		line-height: 32rpx;
		display: block;
		float: left;
		margin-top: 16rpx;
	}
</style>
